
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	<aside id="sidebar" class="column">
		<!-- <form class="quick_search">
			<input type="text" value="Quick Search"
				onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;" />
		</form> -->
		<hr />
		<!-- <c:if test="${savingAccManagedBean.support}">
			<h3>Saving Transaction</h3>
			<ul class="toggle">
				<li class="icn_new_article"><a href="CreateTransaction.jsf">New Transaction</a></li>
				<li class="icn_edit_article"><a href="CreateTransaction.jsf">Edit Transaction</a></li>
			</ul>
		</c:if> -->
		<h3>Saving Account</h3>
		<ul class="toggle">
			<li class="icn_view_users"><a href="saving-acc-list.jsf">Saving
					Account List</a></li>
		</ul>
		<h3>Interest Rate</h3>
		<ul class="toggle">
			<li class="icn_folder"><a href="USRate.jsf">USD</a></li>
			<li class="icn_folder"><a href="VNRate.jsf">VND</a></li>
		</ul>
		<h3>Your profile</h3>
		<ul class="toggle">
			<!-- <li class="icn_settings"><a href="#">Options</a></li> -->
			<li class="icn_jump_back"><h:form>
					<h:commandLink action="#{systemUserLogout.logout}" value="Logout"></h:commandLink>
				</h:form></li>
		</ul>
		<h3>Saving Transaction List</h3>
		<ul class="toggle">
			<li class="icn_folder"><a href="ApproveTransaction.jsf">Transaction
					List</a></li>
		</ul>
		<h3>Current Saving Interest Rates (USD)</h3>
		<article class="stats_overview">
			<div class="overview_today">
				<p class="overview_day">Period</p>
				<c:forEach items="#{savingInterestRateManagedBean.usdRates}" var="u">
					<p class="overview_count">
						#{u.periodType.savingPeriodType}
					</p>
				</c:forEach>

			</div>
			<div class="overview_previous">
				<p class="overview_day">USD</p>
				<c:forEach items="#{savingInterestRateManagedBean.usdRates}" var="u">
					<p class="overview_count">#{u.rate}</p>
				</c:forEach>
			</div>
		</article>
		<h3>Current Saving Interest Rates (VND)</h3>
		<article class="stats_overview">
			<div class="overview_today">
				<p class="overview_day">Period</p>
				<c:forEach items="#{savingInterestRateManagedBean.vndRates}" var="u">
					<p class="overview_count">
						#{u.periodType.savingPeriodType}
					</p>
				</c:forEach>

			</div>
			<div class="overview_previous">
				<p class="overview_day">USD</p>
				<c:forEach items="#{savingInterestRateManagedBean.vndRates}" var="u">
					<p class="overview_count">#{u.rate}</p>
				</c:forEach>
			</div>
		</article>
		<footer>
			<hr />
			<p>
				<strong>Copyright 2014</strong>
			</p>
		</footer>

	</aside>

</ui:composition>
